
<div class="col-sm-12 mt20" ng-keyup="myKeyup($event)">
<div class="panel panel-default">
<div class="panel-body">
<div class="col-sm-12">

    <div class="row ">
        <div class="col-sm-2">
            <input type="text" class="form-control"  ng-model="id" placeholder="产品编号"> 
        </div>
          <div class="col-sm-2">
            <input type="text" class="form-control" ng-model="product_name" placeholder="产品名称"> 
        </div>
        <div class="col-sm-2">
           <ui-select ng-model="a.product_type" theme="bootstrap" >
                <ui-select-match placeholder="产品类型">
                    {{$select.selected.name}}
                </ui-select-match>
                <ui-select-choices repeat="item.value as item in leixing | filter: $select.search">
                    <span ng-bind-html="item.name | highlight: $select.search"></span>
                </ui-select-choices>
            </ui-select>
        </div>
      
      
      
      
         <div class="col-sm-2">
            <input type="text" class="form-control" ng-model="start_city_arr" placeholder="出发城市"> 
        </div>
        <div class="col-sm-2">
           <input type="text" class="form-control" ng-model="supplier_product_name" placeholder="供应商产品名称"> 
        </div>
          <div class="col-sm-2">
            <button class="btn btn-block btn-info" ng-click="search()">搜索</button>
        </div>
     </div>
        
         
    


</div>
</div>
</div>
<!-- searchArea -->

<div class="panel panel-default">
    <div class="panel-body">
        <table class="table table-condensed table-hover table-bordered" style="display: table; width: 100%;table-layout:fixed;">
            <thead>
                <tr>
     
                   <th style="width: 15%;text-align:center;padding-left:0px;padding-right:0px;">产品编号</th>
                        <th style="width: 16%;text-align:center;padding-left:0px;padding-right:0px;">主名称/副名称</th>
                        <th style="width: 14%;text-align:center;padding-left:0px;padding-right:0px;">供应商产品名称</th>
                        <th style="width: 7%;text-align:center;padding-left:0px;padding-right:0px;">产品类型</th>
                        <th style="width: 9%;text-align:center;padding-left:0px;padding-right:0px;">修改时间</th>
                        <th style="width: 12%;text-align:center;padding-left:0px;padding-right:0px;">出发/目的城市</th>
                        <!--<th style="width: 7%;text-align:center;">目的城市</th>-->
                        <th style="width: 7%;text-align:center;padding-left:0px;padding-right:0px;">产品状态</th>
                        <!--<th style="width: 10%;text-align:center;">驳回原因</th>-->
                        <th style="width: 10%;text-align:center;padding-left:0px;padding-right:0px;">操作</th>

                  
                   

                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="info in a">
                    <td style="width: 15% ;text-align:center;vertical-align:middle;">{{info.id}}</td>
                        <td style="width: 16% ;">
                            <div class="ellipsis" style="text-align:center;max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;"
                                title="{{info.product_name}}">{{info.product_name}}</div>
                            <div class="ellipsis" style="text-align:center;max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;" 
                                title="{{info.product_sub_name}}">{{info.product_sub_name}}</div>
                        </td>
                        <td style="width: 10%;overflow-x:hidden;overflow-y:hidden;vertical-align:middle;">
                            <div class="ellipsis" style="text-align:center;max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;"
                                title="{{info.supplier_product_name}}">{{info.supplier_product_name}}</div>
                        </td>
                        <td style="width: 10% ;text-align:center;vertical-align:middle;">{{info.product_type_name}}</td>
                        <td style="width: 7%;text-align:center;overflow-x:hidden;overflow-y:hidden;">{{info.update_time}}</td>
                        <td style="width: 7%;text-align:center;">
                            <div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;"
                                title="{{info.start_city_arr}}">{{info.start_city_arr}}</div>
                            <div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;"
                                title="{{info.end_city}}">{{info.end_city}}</div>
                        </td>
                        <td style="width: 7%;text-align:center;overflow-x:hidden;overflow-y:hidden;vertical-align:middle;">{{info.product_state_name}}</td>
                      
                        <td style="width: 10%;text-align:center;overflow-x:hidden;overflow-y:hidden;padding-top:18px">
                            <div class="pull-left" style="width: 50%">
                                <button type="button" class="btn btn-info btn-xs" ng-click="toinfo($index)">详情</button>
                            </div>
                            <!--<div class="pull-left">|</div>-->

                            <!--<div onmouseover="this.style.color='grey'" onmouseout="this.style.color='blue'" ng-click="toorder($index)" class="pull-left" style="color: blue;cursor:pointer;width: 45%">下单</div>-->
                             <div class="pull-left" style="width: 50%">
                                <button type="button" class="btn btn-warning btn-xs" ng-click="toorder($index)" ng-show="info.product_state_name=='已上架'">下单</button>
                            </div>


                        </td>
                </tr>
            </tbody>
        </table>
        <div class="text-right">
           <pagination total-items="totalItems" 
        ng-model="currentPage" 
        ng-change="pageChanged()" 
        previous-text="上一页"
         next-text="下一页"
        first-text="首页" 
        last-text="尾页" 
        max-size="5" 
         boundary-links="true"
        rotate="false" 
         items-per-page="itemsPerPage" 
        class="m-t-none m-b"></pagination>

        </div>
    </div>
</div>

</div>
